{extend name="common/base" /}
{block name="title"}WampServer中文站 - Apache/MySQL/MariaDB/PHP集成环境软件下载站{/block}
{block name="head"}
<style>
    .card-header-tabs {
        margin-top: -0.3rem;
    }
</style>
{/block}
{block name="body"}
<div class="container" style="margin-top: 65px;">
    <div class="mb-2 border">
        <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8372518057241672" data-ad-slot="8695578244" data-ad-format="auto" data-full-width-responsive="true"></ins>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <ul class="nav nav-pills float-end" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="wampserver-x64-tab" data-bs-toggle="pill" data-bs-target="#wampserver-x64-list" type="button" role="tab" aria-controls="wampserver-x64-list" aria-selected="true">64 位</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="wampserver-x32-tab" data-bs-toggle="pill" data-bs-target="#wampserver-x32-list" type="button" role="tab" aria-controls="wampserver-x32-list" aria-selected="true">32 位</button>
            </li>
        </ul>
        <h5 class="h5 pt-2 ps-2" id="wampserver-title">WampServer 安装包</h5>
    </div>
    <div class="tab-content mb-2">
        <div class="tab-pane fade show active" id="wampserver-x64-list" role="tabpanel" aria-labelledby="wampserver-x64-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('wampserver' != $res['type'] || $res['bit'] != 64) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
        <div class="tab-pane fade" id="wampserver-x32-list" role="tabpanel" aria-labelledby="wampserver-x32-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('wampserver' != $res['type'] || $res['bit'] != 32) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="update_wampserver-title">WampServer 更新包</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('update_wampserver' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <ul class="nav nav-pills float-end" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="php-x64-tab" data-bs-toggle="pill" data-bs-target="#php-x64-list" type="button" role="tab" aria-controls="php-x64-list" aria-selected="true">64 位</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="php-x32-tab" data-bs-toggle="pill" data-bs-target="#php-x32-list" type="button" role="tab" aria-controls="php-x32-list" aria-selected="true">32 位</button>
            </li>
        </ul>
        <h5 class="h5 pt-2 ps-2" id="php-title">PHP 组件包</h5>
    </div>
    <div class="tab-content mb-2">
        <div class="tab-pane fade show active" id="php-x64-list" role="tabpanel" aria-labelledby="php-x64-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('php' != $res['type'] || $res['bit'] != 64) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
        <div class="tab-pane fade" id="php-x32-list" role="tabpanel" aria-labelledby="php-x32-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('php' != $res['type'] || $res['bit'] != 32) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <ul class="nav nav-pills float-end" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="mysql-x64-tab" data-bs-toggle="pill" data-bs-target="#mysql-x64-list" type="button" role="tab" aria-controls="mysql-x64-list" aria-selected="true">64 位</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="mysql-x32-tab" data-bs-toggle="pill" data-bs-target="#mysql-x32-list" type="button" role="tab" aria-controls="mysql-x32-list" aria-selected="true">32 位</button>
            </li>
        </ul>
        <h5 class="h5 pt-2 ps-2" id="mysql-title">MySQL 组件包</h5>
    </div>
    <div class="tab-content mb-2">
        <div class="tab-pane fade show active" id="mysql-x64-list" role="tabpanel" aria-labelledby="mysql-x64-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('mysql' != $res['type'] || $res['bit'] != 64) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
        <div class="tab-pane fade" id="mysql-x32-list" role="tabpanel" aria-labelledby="mysql-x32-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('mysql' != $res['type'] || $res['bit'] != 32) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <ul class="nav nav-pills float-end" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="mariadb-x64-tab" data-bs-toggle="pill" data-bs-target="#mariadb-x64-list" type="button" role="tab" aria-controls="mariadb-x64-list" aria-selected="true">64 位</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="mariadb-x32-tab" data-bs-toggle="pill" data-bs-target="#mariadb-x32-list" type="button" role="tab" aria-controls="mariadb-x32-list" aria-selected="true">32 位</button>
            </li>
        </ul>
        <h5 class="h5 pt-2 ps-2" id="mariadb-title">MariaDB 组件包</h5>
    </div>
    <div class="tab-content mb-2">
        <div class="tab-pane fade show active" id="mariadb-x64-list" role="tabpanel" aria-labelledby="mariadb-x64-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('mariadb' != $res['type'] || $res['bit'] != 64) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
        <div class="tab-pane fade" id="mariadb-x32-list" role="tabpanel" aria-labelledby="mariadb-x32-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('mariadb' != $res['type'] || $res['bit'] != 32) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="apache-title">Apache 组件包</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('apache' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="xdebug-title">xDebug 更新包</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('xdebug' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="phpmyadmin-title">PHPMyAdmin 组件包</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('phpmyadmin' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="adminer-title">Adminer 更新包</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('adminer' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="phpsysinfo-title">PHPSysInfo 更新包</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('phpsysinfo' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="wampmanager_ini-title">WampServer ini 配置文件修复工具</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('wampmanager.ini' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="check_vcredist-title">Visual C++ 运行库检测工具</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('check_vcredist' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <ul class="nav nav-pills float-end" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="vcredist-x64-tab" data-bs-toggle="pill" data-bs-target="#vcredist-x64-list" type="button" role="tab" aria-controls="vcredist-x64-list" aria-selected="true">64 位</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="vcredist-x32-tab" data-bs-toggle="pill" data-bs-target="#vcredist-x32-list" type="button" role="tab" aria-controls="vcredist-x32-list" aria-selected="true">32 位</button>
            </li>
        </ul>
        <h5 class="h5 pt-2 ps-2" id="vcredist-title">Visual C++ 运行库安装包</h5>
    </div>
    <div class="tab-content mb-2">
        <div class="tab-pane fade show active" id="vcredist-x64-list" role="tabpanel" aria-labelledby="vcredist-x64-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('vcredist' != $res['type'] || $res['bit'] != 64) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
        <div class="tab-pane fade" id="vcredist-x32-list" role="tabpanel" aria-labelledby="vcredist-x32-tab">
            <div class="row row-cols-1 row-cols-md-3 g-2">
                <?php foreach($result as $res) { if ('vcredist' != $res['type'] || $res['bit'] != 32) continue; ?>
                <div class="col">
                    <div class="card h-100">
                        <div class="card-body">
                            <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                            <p class="card-text mt-2"><?=$res['remark']?></p>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </div>

    <div class="p-2 mb-2 border rounded-1">
        <h5 class="h5 pt-2 ps-2" id="all_vcredist-title">Visual C++ 运行库安装包集合</h5>
    </div>
    <div class="row row-cols-1 row-cols-md-3 g-2 mb-2">
        <?php foreach($result as $res) { if ('all_vcredist' != $res['type']) continue; ?>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <a class="fs-5 card-title" href="<?=url('Software/info', ['id' => $res['id']])?>" target="_blank"><?=$res['name']?></a>
                    <p class="card-text mt-2"><?=$res['remark']?></p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>

    <div id="home-carousel" class="carousel slide mb-3" data-ride="carousel">
        <div class="carousel-inner">
            <a class="carousel-item active" href="https://url.cn/5EXpPJO" target="_blank">
                <img src="/public/static/CPS-0401/1040.100.jpg" class="d-block w-100" alt="【腾讯云】云产品限时秒杀，爆款1核2G云服务器，首年99元">
            </a>
            <a class="carousel-item" href="https://url.cn/5719HBO" target="_blank">
                <img src="/public/static/CPS-0312/1040x100.jpg" class="d-block w-100" alt="【腾讯云】推广者专属福利，新客户无门槛领取总价值高达2860元代金券，每种代金券限量500张，先到先得。">
            </a>
            <a class="carousel-item" href="https://www.dnspod.cn/promo/domainscarnival?promo_code=SG9GAF11729&source=sharelink&from=link" target="_blank">
                <img src="/public/static/DNSPod/1040x100.jpg" class="d-block w-100" alt="【DNSPod】域名狂欢季">
            </a>
            <a class="carousel-item" href="https://www.aliyun.com/sale-season/2020/procurement-new-members?userCode=acpn6od4" target="_blank">
                <img src="/public/static/aliyun/860X80.jpg" class="d-block w-100" alt="【阿里云】采购季，上云仅¥223/3年">
            </a>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#home-carousel" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#home-carousel" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
</div>

<div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
    <div class="offcanvas-header">
        <h5 class="offcanvas-title" id="offcanvasScrollingLabel">Colored with scrolling</h5>
        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
        <nav class="nav flex-column">
            <a class="nav-link" href="#wampserver-title">Wamp安装包</a>
            <a class="nav-link" href="#update_wampserver-title">Wamp更新包</a>
            <a class="nav-link" href="#php-title">PHP</a>
            <a class="nav-link" href="#mysql-title">MySQL</a>
            <a class="nav-link" href="#mariadb-title">MariaDB</a>
            <a class="nav-link" href="#apache-title">Apache</a>
            <a class="nav-link" href="#xdebug-title">xDebug</a>
            <a class="nav-link" href="#phpmyadmin-title">PHPMyAdmin</a>
            <a class="nav-link" href="#adminer-title">Adminer</a>
            <a class="nav-link" href="#phpsysinfo-title">PHPSysInfo</a>
            <a class="nav-link" href="#wampmanager_ini-title">配置文件修复</a>
            <a class="nav-link" href="#check_vcredist-title">VC++运行库检测</a>
            <a class="nav-link" href="#vcredist-title">VC++运行库</a>
            <a class="nav-link" href="#all_vcredist-title">VC++运行库集合</a>
        </nav>
    </div>
</div>
{/block}
{block name="script"}{/block}